<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>背景应用</title>
	<style type="text/css">
		.list li{
			width: 35px;
			height: 35px;
			background: #7A6E6E url(./tool.png) 0 0 no-repeat;
			list-style: none;
			margin-bottom: 5px;
		}
		.list .box1{
			background-position: -48px 0px;
		}

		.list .box2{
			background-position: -86px -173px;
		}
		.list .box3{
			background-position: -188px -98px;
		}


	</style>
</head>
<body>
	<ul class="list">
		<li class="box1"></li>
		<li class="box2"></li>
		<li class="box3"></li>
		<li class="box4"></li>
	</ul>
</body>
</html>